<div id="navbar" class="main-slide col-12 col-lg-1 col-sm-3 col-md-2 px-0 nav-box">
    <div class="nav-wrapper">
        <ul class="slide-nav">
           <li class="nav-item " style="margin-left:0%;">
                <a style="color:#86909C;" href="javascript:;" class="nav-link">
                    <i>所有文档</i>
                </a>
            </li>

{*            <li class="nav-item slide-dropdown {if $smarty.get.type == 'xxaq'}nav-item-active{/if}" data-id="1">*}
{*                <a href="javascript:;" class="nav-link dropdown-toggle">*}
{*                    <span class="nav-icon glyphicon glyphicon-file" aria-hidden="true"></span>*}
{*                    <i>信息安全协议书</i>*}
{*                </a>*}

{*            </li>*}

            <li style="margin-left:0%;width: 100%" class="nav-item slide-dropdown {if $smarty.get.type == 'hgtj'}nav-item-active{/if}" data-id="2" >
                <a href="javascript:;" class="nav-link dropdown-toggle">
                    <span class="nav-icon glyphicon glyphicon-file" style=" margin-right: 8px;" aria-hidden="true"></span>
                    <i>合规调解协议书</i>
                </a>
            </li>

        </ul>
    </div>
</div>
<style>
    .nav-box{
      background: #EEEFFA;
      width: 170px;
    }

    .simple .nav-link{
      display: flex;
      align-items: center;
      color: #86909C;
    }
    .nav-link:hover {
      background: #559DF8;
    }
    .simple .nav-link>*{
        display: none;
    }
    .simple .nav-link>.nav-icon{
        display: block;
    }
    .simple .slide-dropdown-menu{
        display: none;
    }
    .nav-item-active{
      background: #1474FA;
    }
</style>
<script>

</script>
